// @变量名:值 区分大小写
@color:pink;
div{
    background-color: @color;
    // 伪类伪元素或者交集（两个类中间没有空格那种）选择器嵌套要加&
    &::before{
        content: "aaa";
        display: inline;
    }

}

header{
    width: 500px;
    a{
        text-decoration: none;
        &:hover{
            color: yellow;
        }
    }
}